<md-bottom-sheet class="md-grid">
    <md-list>
        <md-item>
            <md-button aria-label="Calendar" ng-click="dateClick()">
                <md-icon md-svg-src="/assets/icons/grey/calendar.svg" class="md-tall"></md-icon>
                <p>Calendrier</p>
            </md-button>
        </md-item>
        <md-item>
            <md-button aria-label="Time" ng-click="timeClick()">
                <md-icon md-svg-src="/assets/icons/grey/clock-o.svg" class="md-tall"></md-icon>
                <p>Horaire</p>
            </md-button>
        </md-item>
        <md-item>
            <md-button aria-label="Price" ng-click="priceClick()">
                <md-icon md-svg-src="/assets/icons/grey/eur.svg" class="md-tall"></md-icon>
                <p>Prix</p>
            </md-button>
        </md-item>
        <md-item>
            <md-button aria-label="Percent" ng-click="percentClick()">
                <md-icon-inline class="md-tall">%</md-icon-inline>
                <p>Pourcentage</p>
            </md-button>
        </md-item>
        <md-item>
            <md-button aria-label="Hashtag" ng-click="hashClick()">
                <md-icon md-svg-src="/assets/icons/grey/tag.svg" class="md-tall"></md-icon>
                <p>#tag</p>
            </md-button>
        </md-item>
        <md-item>
            <md-button aria-label="Link" ng-click="linkClick()">
                <md-icon md-svg-src="/assets/icons/grey/paperclip.svg" class="md-tall"></md-icon>
                <p>@lien</p>
            </md-button>
        </md-item>
    </md-list>
</md-bottom-sheet>

